<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="/WEB-INF/jsp/hadmin/commonHeader.jsp"%>
<script src="./js/jQuery.md5.js" type="text/javascript"></script>
<!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
<script>if(window.top !== window.self){ window.top.location = window.location;}</script>
<script type="text/javascript">
	var clickable = true;
	function login() {
		var nickName = $("#nickName").val();
		if (isObjNull(nickName)) {
			alert("用户名不能为空！！");
			return false;
		}
		
		var pwd = $("#password").val();
		if (isObjNull(pwd)) {
			alert("密码不能为空！！");
			return false;
		}
		var password = $.md5(pwd);
		/* var securityCode = $("#securityCode").val();
		if (isObjNull(securityCode)) {
			alert("验证码不能为空！！");
			return false;
		} */
		$("#submitButton").attr("disabled","disabled");
		$.ajax({
			type : "post",
			url : "${ctx}<st:config key='site.adminPostLoginPath' />",
			dataType : 'json',
			data : {
				"password" : password,
				"nickName" : nickName,
				"ajax":1
			},
			success : function(json) {
				if (json.statusCode == 0) {
					window.location.href = "./hadmin/index.act";
				} else {
					alert(json.message);
				}
				$("#submitButton").removeAttr("disabled");
			},
			fail:function(){
				$("#submitButton").removeAttr("disabled");
			}
		});
		return false;
	}
</script>

</head>

<body class="gray-bg">


	<div class="ibox-title">
		<h5>带验证的表单向导</h5>
		<div class="ibox-tools">
			<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
			</a> <a class="dropdown-toggle" data-toggle="dropdown"
				href="form_wizard.html#"> <i class="fa fa-wrench"></i>
			</a>
			<ul class="dropdown-menu dropdown-user">
				<li><a href="form_wizard.html#">选项1</a></li>
				<li><a href="form_wizard.html#">选项2</a></li>
			</ul>
			<a class="close-link"> <i class="fa fa-times"></i>
			</a>
		</div>
	</div>
	<div class="ibox-content">
		<h2>带验证的表单向导</h2>
		<p>下面这个示例展示了如何在表单向导中使用 jQuery Validation 插件</p>

		<form id="form" action="form_wizard.html#"
			class="wizard-big wizard clearfix" role="application"
			novalidate="novalidate">
			<div class="steps clearfix">
				<ul role="tablist">
					<li role="tab" class="first current" aria-disabled="false"
						aria-selected="true"><a id="form-t-0" href="#form-h-0"
						aria-controls="form-p-0"><span class="current-info audible">当前步骤：
						</span><span class="number">1.</span> 账户</a></li>
					<li role="tab" class="disabled" aria-disabled="true"><a
						id="form-t-1" href="#form-h-1" aria-controls="form-p-1"><span
							class="number">2.</span> 个人资料</a></li>
					<li role="tab" class="disabled" aria-disabled="true"><a
						id="form-t-2" href="#form-h-2" aria-controls="form-p-2"><span
							class="number">3.</span> 警告</a></li>
					<li role="tab" class="disabled last" aria-disabled="true"><a
						id="form-t-3" href="#form-h-3" aria-controls="form-p-3"><span
							class="number">4.</span> 完成</a></li>
				</ul>
			</div>
			<div class="content clearfix">
				<h1 id="form-h-0" tabindex="-1" class="title current">账户</h1>
				<fieldset id="form-p-0" role="tabpanel" aria-labelledby="form-h-0"
					class="body current" aria-hidden="false">
					<h2>账户信息</h2>
					<div class="row">
						<div class="col-sm-8">
							<div class="form-group">
								<label>用户名 *</label> <input id="userName" name="userName"
									class="form-control required" aria-required="true" type="text">
							</div>
							<div class="form-group">
								<label>密码 *</label> <input id="password" name="password"
									class="form-control required" aria-required="true" type="text">
							</div>
							<div class="form-group">
								<label>确认密码 *</label> <input id="confirm" name="confirm"
									class="form-control required" aria-required="true" type="text">
							</div>
						</div>
						<div class="col-sm-4">
							<div class="text-center">
								<div style="margin-top: 20px">
									<i class="fa fa-sign-in"
										style="font-size: 180px; color: #e5e5e5"></i>
								</div>
							</div>
						</div>
					</div>

				</fieldset>
				<h1 id="form-h-1" tabindex="-1" class="title">个人资料</h1>
				<fieldset id="form-p-1" role="tabpanel" aria-labelledby="form-h-1"
					class="body" style="display: none;" aria-hidden="true">
					<h2>个人资料信息</h2>
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<label>姓名 *</label> <input id="name" name="name"
									class="form-control required" aria-required="true" type="text">
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label>Email *</label> <input id="email" name="email"
									class="form-control required email" aria-required="true"
									type="text">
							</div>
							<div class="form-group">
								<label>地址 *</label> <input id="address" name="address"
									class="form-control" type="text">
							</div>
						</div>
					</div>
				</fieldset>

				<h1 id="form-h-2" tabindex="-1" class="title">警告</h1>
				<fieldset id="form-p-2" role="tabpanel" aria-labelledby="form-h-2"
					class="body" style="display: none;" aria-hidden="true">
					<div class="text-center" style="margin-top: 120px">
						<h2>你是火星人 :-)</h2>
					</div>
				</fieldset>

				<h1 id="form-h-3" tabindex="-1" class="title">完成</h1>
				<fieldset id="form-p-3" role="tabpanel" aria-labelledby="form-h-3"
					class="body" style="display: none;" aria-hidden="true">
					<h2>条款</h2>
					<input id="acceptTerms" name="acceptTerms" class="required"
						aria-required="true" type="checkbox"> <label
						for="acceptTerms">我同意注册条款</label>
				</fieldset>
			</div>
			<div class="actions clearfix">
				<ul role="menu" aria-label="分页">
					<li class="disabled" aria-disabled="true"><a href="#previous"
						role="menuitem">上一步</a></li>
					<li aria-hidden="false" aria-disabled="false"><a href="#next"
						role="menuitem">下一步</a></li>
					<li aria-hidden="false"><a href="#finish" role="menuitem">完成</a></li>
					<li><a href="#cancel" role="menuitem">取消</a></li>
				</ul>
			</div>
		</form>
	</div>


</body>

</html>
